<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2024/4/11
  Time: 10:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Message wall</title>
</head>
<link type="text/css" rel="styleSheet" href="<c:url value="/css/MessagewallCss.css"/>"/>
<body>
<div id="TitleBox">
    <div id="logo"></div>
    <div id="logo1"></div>
    <div id="logotext">一刻时光</div>
    <div id="Message">
        <p id="p1">留言墙</p>
    </div>
    <div id="photo">
        <p id="p2">照片墙</p>
    </div>
</div>

<div id="Maincontent">
    <div class="Messagelogo"><span>留言墙</span>
        <p class="p3">很多事情值得记录，当然也值得回味。</p>
    </div>
    <div id="Contentdisplay">
        <div id="navigation">
            <div class="NavigationTitle"><span class="NavigationTitle0">全部</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">留言</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">目标</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">理想</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">过去</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">将来</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">爱情</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">亲情</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">友情</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">秘密</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">信条</span></div>
            <div class="NavigationTitle"><span class="NavigationTitle0">无题</span></div>
        </div>
        <div id="Messagecollection">
            <%-- <div class="Singlemessage">
                 <div class="div3142">
                     <div class="blue0">
                     </div>
                     <div class="red0">
                     </div>
                 </div>
                 <div class="date">
                     2022.08.23
                 </div>
                 <div class="message0">
                     留言
                 </div>
                 <div class="Textcontent">
                     这是一段暖心的话，它或许不长，但是它是我现在最想说的。
                     放在这里就留一个纪念吧，不用回头看，应为现在才是当下最好的。
                     这是一段暖心的话，它或许不长，但是它是我现在最想说的。
                     放在这里就留一个纪念吧。
                 </div>
                 <div class="Messagerecipient">
                     我是宋大人
                 </div>
             </div>--%>
        </div>
    </div>
    <div id="Writemessage">
        <p id="pWritemessage">写留言</p>
        <div id="ColorBox0">
            <div class="ColorBox">
                <div class="color0" style="background: #FCAFA2;" value="#FCAFA2"></div>
                <div class="color0" style="background: #FFE394;" value="#FFE394"></div>
                <div class="color0" style="background: #92E6F5;" value="#92E6F5"></div>
                <div class="color0" style="background: #A8ED8A;" value="#A8ED8A"></div>
                <div class="color0" style="background: #CAA7F7;" value="#CAA7F7"></div>
            </div>
        </div>
        <div id="Messageboard">
            <textarea rows="3" id="content" placeholder="留言..."></textarea>
            <p class="pname">100</p>
            <input type="text" class="textname" placeholder="我是宋大人">
        </div>
        <div id="Selectlabel">
            <div class="choice">选择标签</div>
            <div id="label0">
                <div class="label"><span class="span0">全部</span></div>
                <div class="label"><span class="span0">留言</span></div>
                <div class="label"><span class="span0">目标</span></div>
                <div class="label"><span class="span0">理想</span></div>
                <div class="label"><span class="span0">过去</span></div>
                <div class="label"><span class="span0">将来</span></div>
                <div class="label"><span class="span0">爱情</span></div>
                <div class="label"><span class="span0">亲情</span></div>
                <div class="label"><span class="span0">友情</span></div>
                <div class="label"><span class="span0">秘密</span></div>
                <div class="label"><span class="span0">信条</span></div>
                <div class="label"><span class="span0">无题</span></div>
            </div>
        </div>
        <div id="statement">
            <div id="Disclaimer">免责声明</div>
            <textarea name="" id="Disclaimer0" cols="33" rows="10" readonly>
一刻时光是本人独自开发的，为便于与用户交流的留言平台。请不要利用此平台服务制作、上传、下载、复制、发布、传播或者转载如下内容：
1、反对宪法所确定的基本原则的;
2、危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一的；
3、损害国家荣誉和利益的;
4、煽动民族仇恨、民族歧视,破坏民族团结的;
5、破坏国家宗教政策,宣扬邪教和封建迷信的;
6、散布谣言,扰乱社会秩序,破坏社会稳定的;
7、散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;
8、侮辱或者诽谤他人,侵害他人合法权益的;
9、含有法律、行政法规禁止的其他内容的信息。
                </textarea>
        </div>
        <div id="operation">
            <div id="discard">
                <span id="discard0">丢弃</span>
            </div>
            <div id="Confirm">
                <span id="Confirm0">确定</span>
            </div>
        </div>
    </div>
</div>


</body>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="./js/MessagewallJs.js"></script>
</html>
